// react + ts

import { useEffect, useRef } from "react"

// 1. 获取 dom 
// 2. 稳定引用的存储器（定时管理器）
function App() {
  const domRef = useRef<HTMLInputElement>(null);
  const timerId = useRef<number | undefined>(undefined)
  
  useEffect(()=>{
    // 可选链， 前面不为空值（null / undefined） 执行点运算
    // 类型守卫， 防止出现空值点运算错误
    domRef.current?.focus();
    timerId.current = setInterval(()=>{
      console.log("123");
    }, 1000);
    return clearInterval(timerId.current);
  }, [])

  return (
    <>
      <input type="text" ref={domRef}/>
    </>
  )
}

export default App
